<template>
	<div class="useropinion">
		<div class="useropinionTitle">意见反馈</div>
		<textarea placeholder="请输入您的意见我们将期待与您共同成长" class="useropinionText"></textarea>
		<div class="useropinionSub">
			<div class="useropinionSub-wrap">
				<span>取消</span>
				<span @click="useropinion">提交</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		methods:{
			useropinion(){
				// var _this=this;
				var userphone=localStorage.getItem("userphone");
				var useropinionText=document.getElementsByClassName("useropinionText")[0].value;
				window.console.log(useropinionText)
				this.$axios.post("http://localhost:3000/userinfor/useropinion",{
					userphone:userphone,
					useropinion:useropinionText
				})
			}
		}
	}
</script>

<style>
	.useropinion{
		width: 100%;
		height: 624px;
		border: 1px solid #c1c1c1;
	}
	.useropinionTitle{
		height: 56px;
		line-height: 56px;
		text-indent: 2em;
		font-size: 18px;
		border-bottom: 1px solid #C1C1C1;
	}
	.useropinionText{
		height: 372px;
		width:80% ;
		margin-left: 10%;
		margin-top: 40px;
		resize: none;
		outline: none;
		
	}
	.useropinionSub{
		width: 100%;
		height: 50px;
		margin-top: 40px;
	}
	.useropinionSub span{
		float:left ;
		width: 15%;
		height: 50px;
		line-height: 50px;
		color: white;
		border-radius: 5px;
		text-align: center;
		background: #999999;
		margin-left: 22%;
		cursor: pointer;
	}
	.useropinionSub span:nth-of-type(2){
		background: #f08200;
	}
	.useropinionSub-wrap{
		width:80% ;
		margin-left: 10%;
	}
</style>
